<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form action="">
      <p>
        <label>文件上传:</label>
        <input type="file" multiple />
      </p>
      <p>
        <label>隐藏的框:</label>
        <input type="hidden" />
      </p>
      <p>
        <label>性别：</label>
        <input type="radio" name="sex" id="male" />
        <label for="male">男</label>
        <input type="radio" name="sex" id="female" />
        <label for="female">女</label>
        <input type="radio" name="sex" id="unknow" />
        <label for="unknow">未知</label>
      </p>
      <p>
        <label>婚姻状况：</label>
        <input type="radio" name="status" />
        <label>未婚</label>
        <input type="radio" name="status" />
        <label>已婚</label>
        <input type="radio" name="status" />
        <label>离异</label>
        <input type="radio" name="status" checked />
        <label>丧偶</label>
      </p>
      <p>
        <label>爱好：</label>
        <input type="checkbox" name="likes" checked />
        <label>唱</label>
        <input type="checkbox" name="likes" />
        <label>跳</label>
        <input type="checkbox" name="likes" />
        <label>rap</label>
        <input type="checkbox" name="likes" disabled />
        <label>篮球</label>
      </p>

      <p>
        <label>婚姻状况：</label>
        <select>
          <option value="a">未婚</option>
          <option value="b">已婚</option>
          <option value="c">离异</option>
          <option value="d" disabled>丧偶</option>
        </select>
      </p>

      <p>
        <label>多行文本框</label>
        <textarea rows="10" cols="20"></textarea>
      </p>
    </form>
  </body>
</html>

<!-- 
  input标签
    type="file" 文件上传框
    multiple属性 表示多选

    type="radio" 单选框
    name属性 当name属性的属性值相同的那几个表示一个分组，同一个分组里面只能选择一项
    checked属性 表示默认选中
    disabled属性 表示禁用

    type="checkbox" 复选框(多选框)
    name属性 和单选框一样，表示同一组
    checked属性 表示默认选中
    disabled属性 表示禁用


  下拉框
    select标签嵌套option标签
    <select>
      <option></option>
      <option></option>
      <option></option>
      ...
    </select>

  多行文本框(文本域)
    <textarea rows="" cols=""></textarea>
    rows表示行数
    cols表示列数
 -->
